<div class="am-g am-panel-group leftbar">
    <br>


    <!----------- 左边栏 E ------------->
    <div class="leftBox clx">
        <div align="center">
            <h2 style="list-style-type:none;"><a href="/home">首页</a></h2>
        </div>


        <form class="am-topbar-formam-form-inline" role="search"
              action="/sharer_blog/search/" style="margin-left: 10%;margin-right: 10%"
              method="GET">
            <div class="am-form-group">
                <input type="text" name="search_input" class="am-form-field am-input-sm" placeholder="搜索">
            </div>
            {% csrf_token %}
        </form>


        <ul id="access" class="am-nav">
            <!-- <li id="menu_allblogs"  align="center"><a href="/sharer_blog/?type=all"><font size="5">全部文章</font></a></h3></font></li> -->
            <li class="am-nav-divider"></li>

                {% if obj.login %}
                    <li id="menu_myblogs" class="" align="left"><a href="/my_blog/?user={{ obj.session.user_id }}">
                    {% if obj.session.head_img_url %}
                        <img src="{{ obj.session.head_img_url }}"
                             style="margin-left:10%;margin-right:10%;"
                             alt="" class="am-comment-avatar"
                             width="400px" height="400px"/>
                    {% else %}
                        <img src="/static/myblogs/blogimg_default.png" alt=""
                             class="am-comment-avatar"
                             width="400px"
                             height="400px"/>
                    {% endif %}
                    <font color="red" size="4">我的主页</font></li>
                    <li class="" align="center"><a href="/account/backstage/">后台</a></li>
                    <li class="" align="center"><a href="/account/logout/">登出</a></li>

                {% else %}
                    <li class="" align="center"><a href="/account/register/">注册</a></li>
                    <li class="" align="center"><a href="/account/login/">登录</a></li>
                {% endif %}

            <li class="am-nav-divider"></li>
            <li align="left"><a href="#"><font size="4" color="white">运营类</font></a></li>
            <li id="menu_2" class="" align="center"><a href="/sharer_blog/?type=network_marketing">网络营销</a></li>
            <li id="menu_3" class="" align="center"><a href="/sharer_blog/?type=advertising_copy">广告文案</a></li>
            <li id="menu_4" class="" align="center"><a href="/sharer_blog/?type=hot_interpretation">热点解读</a></li>
            <li class="am-nav-divider"></li>
            <li align="left"><a href="#"><font size="4" color="white">技术类</font></a></li>
            <li id="menu_5" class="" align="center"><a href="/sharer_blog/?type=javaweb">JavaWeb</a></li>
            <li id="menu_6" class="" align="center"><a href="/sharer_blog/?type=python">Python</a></li>
            <li id="menu_7" class="" align="center"><a href="/sharer_blog/?type=android">Android</a></li>
            <li id="menu_8" class="" align="center"><a href="/sharer_blog/?type=c_plus_plus">C++</a></li>
            <li id="menu_9" class="" align="center"><a href="/sharer_blog/?type=linux">Linux</a></li>
            <li class="am-nav-divider"></li>
            <li align="left"><a href="#"><font size="4" color="white">生活类</font></a></li>
            <li id="menu_10" class="" align="center"><a href="/sharer_blog/?type=poetry">诗歌</a></li>
            <li id="menu_11" class="" align="center"><a href="/sharer_blog/?type=emotion">情感</a></li>
            <li id="menu_12" class="" align="center"><a href="/sharer_blog/?type=song">词曲</a></li>
            <li class="am-nav-divider"></li>
            <li id="menu_13" class="" align="center"><a href="/sharer_blog/?type=other">其他</a></li>
            <li class="" align="center"><a href="http://120.24.88.158:8003/home">更多网站</a></li>
            <br>
            <br>
        </ul>
    </div>
</div>

<script>

    for (i = 1; i < 14; i++) {
        if ($("#menu_" + i).text() == '{{obj.title}}') {
            $("#menu_" + i).attr("class", "am-active");
        }
    }


</script>
		
